.arrayConfig { background-color: white; text-align: center; height: 14pt; vertical-align: middle; }

th.compact { font-size: 80% }

div.domTT { background-color: white }
div.domTT table {  border-collapse: collapse; margin-bottom: 2em; }

div.domTT th, div.domTT td { border-top: solid 1px #9999ff; border-bottom: solid 1px #9999ff; }
div.domTT th { background-color: #ccccff; padding: 0.3em 0.5em 0.3em 0.5em; }
div.domTT table { background-color: rgb(230, 230, 230) }
div.domTT th { text-align: left; }
div.domTT a { margin-right: 0.3em }

/* From source list (TODO: To common?) */

#tbObservations .active { background-color: lemonchiffon; border: solid 1px orange }

#divNavigation { margin-bottom : 1em }

#antennas { float: left; }
#states { float: right; }

#tabObservations td .repeats, #tabObservations td .time, #tabObservations td.label { text-align: right; }
#tabObservations td .frequencies { width: 18em }
#tabObservations td .frequencies4 { width: 9em }
#tbObservations { background-image: url(../../images/table-grad.png); background-repeat: repeat-x; background-color: rgb(235, 235, 235); }
#tbObservations td { vertical-align: top; background-color: transparent; }
#tabObservations input.small { width: auto }
#tabObservations button { border: gray solid 1px; }
#tabObservations th { border: solid 1px #9999ff;  padding: 0.3em 0.5em 0.3em 0.5em; }
#tabObservations input.coordinate { width: 7em;  }
#tabObservations input.sourceName { width: 8em; }
#tabObservations input.time { width: 4em; }
#tabObservations tfoot tr { background-color: rgb(220, 220, 220); }
#tabObservations tfoot td { background-color: inherit; padding: 0.2em 0.1em 0.2em 0.1em }
#tabObservations td select { vertical-align: bottom; width: auto; margin: 0; }


#antennaTable { font-size: 90%;  border: solid 1px #9999ff; border-collapse: collapse; margin-bottom: 2em; }
#antennaTable td { padding: 4px; }
#antennaTable input { border: 0; width: 100%; border: solid 1px rgb(220, 220, 220); }
#antennaTable select { border: 0; width: 100%; border: solid 1px rgb(220, 220, 220); }
#antennaTable thead { background-image: url(link-grad.png); background-repeat: repeat-x; background-color: #ccccff; text-align: center;
		      border: solid 1px #cccccc;  font-weight: bold; }
#antennaTable td { text-align: center; border: solid 1px #dddddd; padding-left: 10px; padding-right: 10px; }
#antennaTable tr.even td { background-color: #eeeeee; }
#antennaTable tr.odd td { background-color: #cccccc; }
#antennaTable button.antennaUpdate { width: 100%; border: solid 1px rgb(220,220,220); }

#stateTable { font-size: 90%;  border: solid 1px #9999ff; border-collapse: collapse; margin-bottom: 2em; text-align: center;}
#stateTable td { padding: 4px; }
#stateTable input { border: 0; width: 100%; border: solid 1px rgb(220, 220, 220); }
#stateTable thead { background-image: url(link-grad.png); background-repeat: repeat-x; background-color: #ccccff; text-align: center;
		      border: solid 1px #cccccc;  font-weight: bold; }
#stateTable td { text-align: center; border: solid 1px #dddddd; padding-left: 10px; padding-right: 10px; }
#stateTable tr.even td { background-color: #eeeeee; }
#stateTable tr.odd td { background-color: #cccccc; }
#stateTable button.uploadImage { width: 100%; border: solid 1px rgb(220,220,220); }
#newStateTable { font-size: 90%;  border: solid 1px #9999ff; border-collapse: collapse; margin-bottom: 2em; text-align: center; width: 100%;}
#newStateTable td { padding: 4px; }
#newStateTable input { border: 0; width: 100%; border: solid 1px rgb(220, 220, 220); }
#newStateTable thead { background-image: url(link-grad.png); background-repeat: repeat-x; background-color: #ccccff; text-align: center;
		      border: solid 1px #cccccc;  font-weight: bold; }
#newStateTable td { text-align: center; border: solid 1px #dddddd; padding-left: 10px; padding-right: 10px; }
#newStateTable tr.even td { background-color: #eeeeee; }
#newStateTable tr.odd td { background-color: #cccccc; }

.edit { text-decoration: underline; }
.editDialog { border: solid 1px rgb(220,220,220); width: 100% }
.buttonContainer { text-align: center; }
.updateButton { width: 50%; border: solid 1px rgb(220,220,220,220); text-align: center; }
.dialogEdit { width: 300px; }
.dialogNewState { width: 400px; text-align: center; }
#password_result { color: #ff0000; }
.adminlogin { position: absolute; top: 0px; right: 30px; height: 70px; color: #ffffff; }
.adminlogin table { padding: 0px; border: 0px; border-collapse: collapse; }
#loginButton { border: solid 1px rgb(220,220,220,220); text-align: center; }
